<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
<html>

<head>

	<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen, projection">	
	<link rel="stylesheet" href="css/typo.css" type="text/css" media="screen, projection">	
	<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
</head>

<body>

<div class="container">
	<div class="span-24 header">
		<div class="span-6 logoContainer">
		</div>
		<div class="span-12 prepend-6 last menuContainer">
			<ul class="menu">
				<li class="active"><a href="#" class="active">EXPLORE</a></li>
				<li><a href="#">SEARCH</a></li>
				<li><a href="#">UPLOAD</a></li>
				<li><a href="#">BLOG</a></li>
				<li><a href="#">LOGIN</a></li>
				<li><a href="#">CONTACT</a></li>
			</ul>
		</div>
		<div class="span-24 widgetContainer">
			<div class="span-24" id="widget">
			<h1>This site requieres Flash to run</h1>
			<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
			</div>
		</div>
		<div class="span-24 separator">
		</div>
		<div class="span-17 newsContainer">
			<div class="news" style="height: 141px;">
				<div class="last title">
					<img src="img/iconRSS.jpg" class="moduleIcon"/>
					<h2>LATEST NEWS</h2>
				</div>
				<div class="span-6 new dark" >
					<p class="newsTitle">LOOKING FOR A GLOBAL DATASET OF ALL TERRESTRIAL AND MARINE PROTECTED AREAS?</p>
					<p class="newsText">Lorem ipsum dolor sit amen escritus ala...<a class="moreLink" href="#">read more</a></p>
				</div>
				<div class="span-6 new soft minus10">
					<p class="newsTitle">NEW WDPA WEBSITE ON AIR?</p>
					<p class="newsText">Lorem ipsum dolor sit amen escritus dolor sit amen escritus sit amen salaca tra uhm ma elkule lele ala...<a class="moreLink" href="#">read more</a></p>					
				</div>
				<div class="span-6 new dark minus10 last">
					<p class="newsTitle">LOOKING FOR A GLOBAL DATASET OF ALL TERRESTRIAL AND MARINE PROTECTED AREAS?</p>
					<p class="newsText">Lorem ipsum dolor sit amen escritus ala...<a class="moreLink" href="#">read more</a></p>							
				</div>
			</div>
		</div>
		<div class="span-7 last toolsContainer">
			<div class="tools">
				<div class="last title"> 
					<img src="img/iconTools.jpg" class="moduleIcon"/>
					<h2>TOOLS</h2>
				</div>
				<img src="img/tool_fake.jpg" />				
			</div>				
		</div>
		<div class="span-24 separator">
		</div>
		<div class="span-12 biggestContainer">
			<div class="biggests">
				<div class="last title">
					<img src="img/iconBiggest.jpg" class="moduleIcon"/>
					<h2>THE BIGGEST AREA</h2>
					<div class="span-12 biggest dark">
						<img src="img/biggest.jpg" class="imgBiggest"/>
						<p class="biggestText"><a href="#" class="biggestLink">PHOENIX ISLANDS PROTECTED AREA, </a>KIRIBATI, 41 050 000 ha</p>
					</div>
				</div>
			</div>			
		</div>
		<div class="span-12 biggestContainer last">
			<div class="biggests">
				<div class="last title">
					<img src="img/iconBiggest.jpg" class="moduleIcon"/>
					<h2>THE SMALLEST AREA</h2>
					<div class="span-12 biggest dark">
						<img src="img/smallest.jpg" class="imgBiggest"/>
						<p class="biggestText"><a href="#" class="biggestLink">ECHO BAY PROVINCIAL PARK, </a>CANADA, 0.4 ha</p>
					</div>
				</div>
			</div>			
		</div>
		
		<div class="span-24 footerContainer">
			<p style="float: left; margin-top: 10px">World database of protected areas. All rights reserved. 2009. | <a href="#" class="footerLink">sitemap</a> |  <a href="#" class="footerLink">FAQ</a>  | <a href="#" class="footerLink">supporters</a> | <a href="#" class="footerLink">feedback</a>  |  <a href="#" class="footerLink">contact us</a></p>
			<div class="footerLogos">
				<img src="img/logoFooter1.jpg" />
				<img src="img/logoFooter2.jpg" />
				<img src="img/logoFooter3.jpg" />												
			</div>
		</div>

	</div>
</div>

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/swfaddress.js"></script>
<script type="text/javascript">
    var flashvars = {
      gmap_key: "ABQIAAAAUdCLksixDAgnY8JZ7a6YJBRTcWW-xOIMiY0s20UEUW3xpxovahQClZ42LV_3hgyp4oBrgebTRrNDXg",
      hide_header: "true",
    };
    var params = {
      allowFullScreen: "true",
      allowScriptAccess: "always",
      
    };
    var attributes = {
      id: "myDynamicContent",
      name: "myDynamicContent"
    };		
    swfobject.embedSWF("swf/MapWidgetBase.swf", "widget", "940", "447", "9.0.0", "expressInstall.swf",flashvars, params, attributes);
</script>

</body>
</html>